<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/1/4 0004
  Time: 上午 10:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>线下办税渠道分析</title>
</head>
<body>
<div class="content-wrapper">
    <h3>线下办税渠道分析</h3>

    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-default">
                <div class="panel-heading"></div>
                <div class="panel-body">
                    <div id="chart1" style="height: 420px;"></div>
                    <div class="col-sm-12" style="margin: 0 auto;text-align:center;">
                        <select>
                            <option>2015年</option>
                            <option>2014年</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-default">
                <div class="panel-heading"></div>
                <div class="panel-body">
                    <div id="chart2" style="height: 420px;"></div>
                    <div class="col-sm-12" style="margin: 0 auto;text-align:center;">

                        <select>
                            <option>不限时间</option>
                            <option>2015年</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-12">
            <div class="panel panel-default">
                <div class="panel-heading"></div>
                <div class="panel-body">
                    <div id="chart3" style="height: 420px;"></div>
                    <div class="col-sm-12" style="margin: 0 auto;text-align:center;">
                        <select>
                            <option>不限时间</option>
                            <option>2015年</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-default">
                <div class="panel-heading"></div>
                <div class="panel-body">
                    <div id="chart4" style="height: 420px;"></div>
                    <div class="col-sm-12" style="margin: 0 auto;text-align:center;">
                        <select>
                            <option>全省</option>
                            <option>南京</option>
                            <option>苏州</option>
                        </select>
                        <select>
                            <option>2015年</option>
                            <option>2014年</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-default">
                <div class="panel-heading"></div>
                <div class="panel-body">
                    <div id="chart5" style="height: 420px;"></div>
                    <div class="col-sm-12" style="margin: 0 auto;text-align:center;">
                        <select>
                            <option>全省</option>
                            <option>南京</option>
                            <option>苏州</option>
                        </select>
                        <select>
                            <option>2015年</option>
                            <option>2014年</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-default">
                <div class="panel-heading"></div>
                <div class="panel-body">
                    <div id="chart6" style="height: 420px;"></div>
                    <div class="col-sm-12" style="margin: 0 auto;text-align:center;">
                        <select>
                            <option>全省</option>
                            <option>南京</option>
                            <option>苏州</option>
                        </select>
                        <select>
                            <option>2015年</option>
                            <option>2014年</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>


<script>
    //chart1


    var chartOption1 = {
        title : {
            text: '按渠道进行服务分析',
            subtext: ''
        },
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data:['实体办税厅','一体机'],
            x:'right'
        },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                axisLabel: { //横坐标60°倾斜
                    rotate: 60
                },
                data : ['南京', '苏州', '无锡', '徐州', '泰州', '连云港', '南通', '淮安', '盐城', '扬州', '镇江', '宿迁', '常州']
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'实体办税厅',
                type:'bar',
                data:[80.5, 74.9, 77.0, 83.2, 59.6, 66.7, 75.6, 62.2, 92.6, 90.0, 76.4, 83.3,85],
                markPoint : {
                    data : [
                        {type : 'max', name: '最大值'},
                        {type : 'min', name: '最小值'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name: '平均值'}
                    ]
                },
                itemStyle: {
                    normal: {
                        barBorderRadius: 5, //设置柱状圆角
                        color:'#6cd7d9' //设置柱状颜色
                    }
                }
            },
            {
                name:'一体机',
                type:'bar',
                data:[82.6, 85.9, 59.0, 76.4, 78.7, 70.7, 75.6, 52.2, 68.7, 78.8, 66.0, 92.3,87],
                markPoint : {
                    data : [
                        {type : 'max', name: '最大值'},
                        {type : 'min', name: '最小值'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name : '平均值'}
                    ]
                },
                itemStyle: {
                    normal: {
                        barBorderRadius: 5, //设置柱状圆角
                        color:'#cbbde7' //设置柱状颜色
                    }
                }
            }
        ]
    };




    var chartOption2 = {
        title : {
            text: '按服务内容进行分析',
            subtext: '不同地区的服务情况'
        },
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data:['税务登记','申报纳税','违法处理','其他服务'],x:'right'
        },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                data : ['南京','苏州','无锡','常州','扬州']
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'税务登记',
                type:'bar',
                data:[2000, 4900, 7000,5800,4500],
                markPoint : {
                    data : [
                        {type : 'max', name: '最大值'},
                        {type : 'min', name: '最小值'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name: '平均值'}
                    ]
                }
            },
            {
                name:'申报纳税',
                type:'bar',
                data:[2600, 5900, 5000,4500,3300],
                markPoint : {
                    data : [
                        {type : 'max', name: '最大值'},
                        {type : 'min', name: '最小值'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name : '平均值'}
                    ]
                }
            },
            {
                name:'违法处理',
                type:'bar',
                data:[2900, 4900, 4500,5800,3900],
                markPoint : {
                    data : [
                        {type : 'max', name: '最大值'},
                        {type : 'min', name: '最小值'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name : '平均值'}
                    ]
                }
            },
            {
                name:'其他服务',
                type:'bar',
                data:[3600, 5100, 4000,4800,3900],
                markPoint : {
                    data : [
                        {type : 'max', name: '最大值'},
                        {type : 'min', name: '最小值'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name : '平均值'}
                    ]
                }
            }
        ]
    };



    var chartOption3 = {
        title : {
            text: '按服务对象进行分析',
            subtext: '不同对象在实体办税厅及一体机的使用情况'
        },
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data:[
                '企业','企业法人','自然人'
            ]
            ,x:'right'
        },

        calculable : true,
        grid: {y: 70, y2:30, x2:20},
        xAxis : [
            {
                type : 'category',
                data : ['南京','无锡','常州','苏州','扬州']
            },
            {
                type : 'category',
                axisLine: {show:false},
                axisTick: {show:false},
                axisLabel: {show:false},
                splitArea: {show:false},
                splitLine: {show:false},
                data : ['一体机','一体机','一体机','一体机','一体机']
            }
        ],
        yAxis : [
            {
                type : 'value',
                axisLabel:{formatter:'{value} s'}
            }
        ],
        series : [
            {
                name:'企业',
                type:'bar',
                itemStyle: {normal: {color:'rgba(193,35,43,1)', label:{show:true}}},
                data:[41,155,95,75, 70]
            },
            {
                name:'企业法人',
                type:'bar',
                itemStyle: {normal: {color:'rgba(181,195,52,1)', label:{show:true,textStyle:{color:'#27727B'}}}},
                data:[100,200,105,100,156]
            },
            {
                name:'自然人',
                type:'bar',
                itemStyle: {normal: {color:'rgba(252,206,16,1)', label:{show:true,textStyle:{color:'#E87C25'}}}},
                data:[506,611,608,478,450]
            },
            {
                name:'企业',
                type:'bar',
                xAxisIndex:1,
                itemStyle: {normal: {color:'rgba(193,35,43,0.5)', label:{show:true,formatter:function(p){return p.value > 0 ? (p.value +'\n'):'';}}}},
                data:[96,224,164,124,550]
            },
            {
                name:'企业法人',
                type:'bar',
                xAxisIndex:1,
                itemStyle: {normal: {color:'rgba(181,195,52,0.5)', label:{show:true}}},
                data:[491,1035,389,955,347]
            },
            {
                name:'自然人',
                type:'bar',
                xAxisIndex:1,
                itemStyle: {normal: {color:'rgba(252,206,16,0.5)', label:{show:true,formatter:function(p){return p.value > 0 ? (p.value +'+'):'';}}}},
                data:[600,1700,817,770,680]
            }


        ]
    };


    var chartOption4 = {
        title: {
            text: "按渠道进行服务波动分析",
            x: "left"
        },
        tooltip: {
            trigger: "item",
            formatter: "{a} <br/>{b} : {c}"
        },
        legend: {
            x: 'right',
            data: ["实体办税厅", "一体机"]
        },
        xAxis: [
            {
                type: "category",
                name: "x",
                splitLine: {show: false},
                axisLabel: { //横坐标60°倾斜
                    rotate: 30
                },
                data: ["2015年1月", "2015年2月", "2015年3月", "2015年4月", "2015年5月", "2015年6月", "2015年7月", "2015年8月", "2015年9月", "2015年10月", "2015年11月", "2015年12月"]
            }
        ],
        yAxis: [
            {
                type: "log",
                name: "y"
            }
        ],
        calculable: true,
        series: [
            {
                name: "实体办税厅",
                type: "line",
                data: [104, 213, 319, 327, 381, 247, 541, 723, 669,598,670,799]

            },
            {
                name: "一体机",
                type: "line",
                data: [201, 282, 394, 408, 516, 332, 764, 928, 856,919,980,890]

            }
        ]
    };

    var chartOption5 = {
        title: {
            text: "按纳税人类别进行波动分析",
            x: "left"
        },
        tooltip: {
            trigger: "item",
            formatter: "{a} <br/>{b} : {c}"
        },
        legend: {
            x: 'right',
            data: ["企业", "企业法人","自然人"]
        },
        xAxis: [
            {
                type: "category",
                name: "x",
                splitLine: {show: false},
                axisLabel: { //横坐标60°倾斜
                    rotate: 30
                },
                data: ["2015年1月", "2015年2月", "2015年3月", "2015年4月", "2015年5月", "2015年6月", "2015年7月", "2015年8月", "2015年9月", "2015年10月", "2015年11月", "2015年12月"]
            }
        ],
        yAxis: [
            {
                type: "log",
                name: "y"
            }
        ],
        calculable: true,
        series: [
            {
                name: "企业",
                type: "line",
                data: [104, 213, 319, 327, 381, 247, 541, 723, 669,598,670,799]

            },
            {
                name: "企业法人",
                type: "line",
                data: [201, 282, 394, 408, 516, 332, 764, 928, 856,919,980,890]

            },
            {
                name: "自然人",
                type: "line",
                data: [1201, 1282, 1394, 1408, 1516, 1332, 1764, 1928, 1856,1919,1980,1890]

            }
        ]
    };

    var chartOption6 = {
        title: {
            text: "按服务内容进行波动分析",
            x: "left"
        },
        tooltip: {
            trigger: "item",
            formatter: "{a} <br/>{b} : {c}"
        },
        legend: {
            x: 'right',
            data: ["税务登记", "申报纳税","税款追征","违法处理","其他服务内容"]
        },
        xAxis: [
            {
                type: "category",
                name: "x",
                splitLine: {show: false},
                axisLabel: { //横坐标60°倾斜
                    rotate: 30
                },
                data: ["2015年1月", "2015年2月", "2015年3月", "2015年4月", "2015年5月", "2015年6月", "2015年7月", "2015年8月", "2015年9月", "2015年10月", "2015年11月", "2015年12月"]
            }
        ],
        yAxis: [
            {
                type: "log",
                name: "y"
            }
        ],
        calculable: true,
        series: [
            {
                name: "税务登记",
                type: "line",
                data: [104, 213, 319, 327, 381, 247, 541, 723, 669,598,670,799]

            },
            {
                name: "申报纳税",
                type: "line",
                data: [201, 282, 394, 408, 516, 332, 764, 928, 856,919,980,890]

            },
            {
                name: "税款追征",
                type: "line",
                data: [1201, 1282, 1394, 1408, 1516, 1332, 1764, 1928, 1856,1919,1980,1890]

            },
            {
                name: "违法处理",
                type: "line",
                data: [501, 682, 794, 508, 716, 632, 964, 1128, 1256,1319,1380,1190]

            },
            {
                name: "其他违法处理",
                type: "line",
                data: [631, 782, 894, 608,816, 932, 1164, 1028, 1256,1109,1420,1090]

            }
        ]
    };


    require.config({
        paths: {
            echarts: '${ctx}/assets/echarts/build/dist'
        }
    });
    require(
            [
                'echarts',
                'echarts/chart/bar',
                'echarts/chart/scatter',
                'echarts/chart/pie',
                'echarts/chart/map',
                'echarts/chart/tree',
                'echarts/chart/funnel',
                'echarts/chart/gauge',
                'echarts/chart/wordCloud',
                'echarts/chart/line'

            ],
            function (ec) {
                //江苏省税务业务办理事项统计


                var chart1 = ec.init(document.getElementById('chart1'));
                chart1.setOption(chartOption1, true);


                var chart2 = ec.init(document.getElementById('chart2'));
                chart2.setOption(chartOption2, true);

                var chart3 = ec.init(document.getElementById('chart3'));
                chart3.setOption(chartOption3, true);

                var chart4 = ec.init(document.getElementById('chart4'));
                chart4.setOption(chartOption4, true);

                var chart5 = ec.init(document.getElementById('chart5'));
                chart5.setOption(chartOption5, true);

                var chart6 = ec.init(document.getElementById('chart6'));
                chart6.setOption(chartOption6, true);


            }
    )







</script>
</body>
</html>
